{% extends "layout.html" %}

{% block css %}
<link rel="stylesheet" href="/static/Bootstrap-select_files/bootstrap.min.css">
<link rel="stylesheet" href="/static/Bootstrap-select_files/bootstrap-select.css">
<link rel="stylesheet" href="/static/content/view.css">
{% endblock %}

{% block content %}
<div id="search_container">
    <input id="search_in" type="text" name="search" placeholder="输入查找的项目名称">
    <button id="search">查找</button>
</div>

<div id="subform_project">

    <div id="project_name_container">
        工程名称：
        {{ projectInfo.project_name }}
    </div>
    <div id="project_time_container">
        {{ projectInfo.project_ST }}
        ----
        {{ projectInfo.project_FT }}
    </div>

</div>

<div id="table_body">
    <table border="1">
        <thead>
            <tr>
                <th>项目名称</th>
                <th>前驱事件</th>
                <th>后继事件</th>
                <th>持续时间</th>
                <th>工作最早开始时间</th>
                <th>工作最早完成时间</th>
                <th>工作最迟开始时间</th>
                <th>工作最迟完成时间</th>
                <th>自由时差</th>
                <th>总时差</th>
                <th>关键事件</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>

<div id="change">
    <button id="change_button" onclick='window.location.href="/change/?project_id=" + {{projectInfo.project_id}} '>启用编辑</button>
</div>
<div id="graph">
    <button id="graph_button" onclick='window.location.href="/graph/?project_id=" + {{projectInfo.project_id}} '>绘制单计划网络图</button>
</div>
{% endblock %}

{% block scripts %}
<script type="text/javascript" src="/static/scripts/view.js"></script>
<!--<script type="text/javascript">getProjectId({{projectInfo.project_id}});</script>-->
{% endblock %}